

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>

<meta name="format-detection" content="telephone=no" />
<meta content="width=device-width, initial-scale=1" name="viewport" />

<!--[if lt IE 9]>
    <script src="./js/html5.js" type="text/javascript"></script>
<![endif]-->

<title>YUKHIN 01 - HTML</title>

<!-- FOR THEME -->
<link href="./css/inuit.css" rel="stylesheet" type='text/css' />
<link href="./css/prettyphoto.css" rel="stylesheet" type='text/css' />
<link href="./css/style.css" rel="stylesheet" type='text/css' />

<!-- FOR INDIVIDUAL PAGE -->

<link href="./images/theme/icon.png" rel="shortcut icon" />
<link href="./images/theme/icon.png" rel="apple-touch-icon-precomposed" />


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>
	<div class="wrapper">

        <!-- BEGIN HEADER -->
        <header id="header">
        
            <div class="grids">
            	<div class="grid-3 first-space"></div>
	            
	            <!-- BEGIN LOGO -->
	            <div id="logo" class="grid-3">
	            	<a href="#"><img src="./images/theme/logo-big.png" width="228" height="49" alt="" /></a>
	            </div>
	            <!-- END LOGO -->
	            
	            <!-- BEGIN MAIN MENU -->
	            <nav id="main-menu" class="grid-6">
	            	<div class="wrap">
		            	<div class="root"><a href="javascript:;">MENU</a></div>
		                <ul class="menu sf-menu">
		                	<li class="has-child "><a href="./home-1.html">HOME</a>
		                		<ul>
		                			<li><a href="./home-1.html">LAYOUT 1</a></li>
		                			<li><a href="./home-2.html">LAYOUT 2</a></li>
		                			<li><a href="./home-3.html">LAYOUT 3</a></li>
		                		</ul>
		                	</li>
		                	<li class="has-child active"><a href="./headings.html">FEATURES</a>
		                		<ul>
		                			<li><a href="./headings.html">HEADINGS</a></li>
		                			<li><a href="./elements.html">PAGE ELEMENTS</a></li>
		                			<li><a href="./pricing-tables.html">PRICING TABLES</a></li>
		                			<li><a href="./about.html">ABOUT</a></li>
		                			<li><a href="./our-team.html">MEET OUR TEAM</a></li>
		                			<li><a href="./404.html">404</a></li>
		                			<li class="has-child"><a href="#">MULTI LEVEL MENU</a>
		                				<ul>
		                					<li><a href="#">LEVEL 3 ITEM 1</a></li>
		                					<li><a href="#">LEVEL 3 ITEM 2</a></li>
		                					<li><a href="#">LEVEL 3 ITEM 3</a></li>
		                				</ul>
		                			</li>
		                		</ul>
		                	</li>
		                	<li class="has-child "><a href="./portfolio-1-col.html">PORTFOLIO</a>
		                		<ul>
		                			<li><a href="./portfolio-1-col.html">ONE COLUMN</a></li>
		                			<li><a href="./portfolio-1-col-alt.html">ONE COLUMN ALT</a></li>
		                			<li><a href="./portfolio-2-cols.html">TWO COLUMNS</a></li>
		                			<li><a href="./portfolio-3-cols.html">THREE COLUMNS</a></li>
		                		</ul>
		                	</li>
		                	<li class="has-child "><a href="./blog.html">BLOG</a>
		                		<ul>
		                			<li><a href="./blog.html">POST LIST</a></li>
		                			<li><a href="./blog-detail.html">POST DETAIL</a></li>
		                		</ul>
		                	</li>
		                	<li class=" "><a href="./contact.html">CONTACT</a></li>
		                </ul>
		        	</div> <!-- end wrap -->
	            </nav>
	            <!-- END MAIN MENU -->
	            
            </div>

        </header>
        <!-- END HEADER -->	<div id="content" role="main">
		
		
		<!-- BEGIN MAIN SECTIONS -->
		
		<!-- BEGIN SECTION -->
		<div class="page-section about grids">
			<aside class="grid-3">
				<div class="wrap cf">
					<h1 class="section-title big"><span>About</span></h1>
					<ul class="list">
						<li class="active"><a href="#">F.A.Q</a></li>
						<li><a href="#">Our policies</a></li>
						<li><a href="#">Term of uses</a></li>
						<li><a href="#">Contact info</a></li>
					</ul>
				</div>
			</aside>
			<div class="grid-9">
				<article>
					<section class="cf">
						<h3 class="line">Who We Are</h3>
						<a data-rel="prettyPhoto" title="Whoever works with analytics on a day-to-to-day basis knows how important it is to have a continuity with the data." href="./images/demo/thumb-234x165-2-f.jpg" class="left"><img src="./images/demo/thumb-300x300-3.jpg" width="300" height="300" alt="Keep Your Analytics Data Safe And Clean" /></a>
						<p>Lorem ipsum dolor sit  amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tollite fit manibus individuationis omnibus civitas. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Tollite fit manibus individuationis omnibus civitas. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
						<blockquote><p><strong>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem Ipsum is simply tollite fit manibus individuationis omnibus civitas.</strong></p></blockquote>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Tollite fit manibus individuationis omnibus civitas. Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
						Tollite fit manibus individuationis omnibus civitas. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
					</section>
					<section>
						<h3 class="line">What We Offers</h3>
						<ul class="text-list four-cols">
							<li>
								<h4 class="title"><a href="#">Enhanced lightbox</a></h4>
								<p><span class="dropcap-1">1</span>Donec tristique augue id convallis rutrumunc justo egestas magna eu aliquam eros lectus cursus lectus dolore magna aliqua.</p>
								<p>Donec tristique augue id conval rutrum nunc. Donec tristique augue id convallis rutrum nunc.</p>
							</li>
							<li>
								<h4 class="title"><a href="#">Unique design</a></h4>
								<p><span class="dropcap-1">2</span>Donec tristique augue id convallis rutrumunc justo egestas magna eu aliquam eros lectus cursus lectus dolore magna aliqua.</p>
								<p>Donec tristique augue id conval rutrum nunc. Donec tristique augue id convallis rutrum nunc.</p>
							</li>
							<li>
								<h4 class="title"><a href="#">Multi-level menu</a></h4>
								<p><span class="dropcap-1">3</span>Donec tristique augue id convallis rutrumunc justo egestas magna eu aliquam eros lectus cursus lectus dolore magna aliqua.</p>
								<p>Donec tristique augue id conval rutrum nunc. Donec tristique augue id convallis rutrum nunc.</p>
							</li>
							<li>
								<h4 class="title"><a href="#">Interactive GMap</a></h4>
								<p><span class="dropcap-1">4</span>Donec tristique augue id convallis rutrumunc justo egestas magna eu aliquam eros lectus cursus lectus dolore magna aliqua.</p>
								<p>Donec tristique augue id conval rutrum nunc. Donec tristique augue id convallis rutrum nunc.</p>
							</li>
						</ul>
					</section>
					<section>
						<h3 class="line">They Trusted Us</h3>
						<ul class="partner-list four-cols">
							<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-1.jpg" width="173" height="94" /></a></li>
							<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-2.jpg" width="173" height="94" /></a></li>
							<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-3.jpg" width="173" height="94" /></a></li>
							<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-4.jpg" width="173" height="94" /></a></li>
							<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-3.jpg" width="173" height="94" /></a></li>
							<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-4.jpg" width="173" height="94" /></a></li>
							<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-1.jpg" width="173" height="94" /></a></li>
							<li><a href="#"><img alt="" src="./images/demo/thumb-173x94-2.jpg" width="173" height="94" /></a></li>
						</ul>
					</section>
					<section>
						<h2>Enjoy Us?</h2><hr />
						<div class="call-to-action-2"><a href="#"><span class="big-contact">Contact Us</span></a> or <a href="#"><span class="big-explore">Explore More</span></a></div>
						<hr />
					</section>
				</article>
			</div>
		</div>
		<!-- END SECTION -->
				
		<!-- END MAIN SECTIONS -->
    </div>

<!-- BEGIN PRE FOOTER -->
	<div id="pre-footer" class="cf">
		<div id="footer-tweets">
			<ul></ul>
		</div>
		<div id="tweets-tmp" style="display:none;visibility:hidden;"></div>
	</div>
<!-- END PRE FOOTER -->

<!-- BEGIN FOOTER -->
        <footer id="footer" class="cf">
        	<div class="grids">
	        	<div class="grid-3 col-1">
	        		<div class="cell-wrapper cf">
	        			<img alt="" id="footer-logo" src="./images/theme/logo-small.png" width="172" height="39" />
	        			<div class="company-info">
	        				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	        			</div>
	        			<div class="footer-section">
	        				<h1>STAY IN TOUCH</h1>
	        				<ul class="social-links">
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-1.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-2.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-3.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-4.png" width="29" height="29" /></a></li>
	        					<li><a href="#"><img alt="" src="./images/theme/icon-social-5.png" width="29" height="29" /></a></li>
	        				</ul>
	        			</div>
	        		</div>
	        	</div>
	    		<div class="grid-3 col-2">
	    			<div class="cell-wrapper cf">
	    				<div class="footer-section">
	    					<h1>GALLERY</h1>
	    					<ul class="gallery" id="flickr-gallery"></ul>
	    				</div>
	    			</div>
	    		</div>
	    		<div class="grid-3 col-3">
	    			<div class="cell-wrapper cf">
	    				<div class="footer-section">
	    					<h1>CONTACT</h1>
	    					<ul class="contact">
	    						<li class="cf">
	    							<span style="width: 50%;margin-right: 5%;float: left;">
	    								<span style="color: #fff;"><strong>Head office</strong></span><br />
	    								59, Tran Hung Dao street<br />
	    								ward 8, district 5<br />
	    								Ho Chi Minh city<br />
	    								HONG KONG
	    							</span>
	    							<span style="width: 45%;float: left;">
	    								<span style="color: #fff;">+82 907 341 688</span><br />
	    								<a href="#">contact@company.com</a><br /><br />
	    								<span style="color: #fff;">Applications</span><br />
	    								<a href="#">jobs@company.com</a><br />
	    							</span>
	    						</li>
	    						<li class="mb0 cf">
	    							<span style="width: 50%;margin-right: 5%;float: left;">
	    								<span style="color: #fff;"><strong>Oversea office</strong></span><br />
	    								226, Nguyen Trai street<br />
	    								ward 3, district 1<br />
	    								Can Tho city<br />
	    								THAILAND
	    							</span>
	    							<span style="width: 45%;float: left;">
	    								<span style="color: #fff;"><strong>+36 987 361 681</strong></span><br />
	    								<a href="#">contact2@company.com</a><br />
	    							</span>
	    						</li>
	    					</ul>
	    				</div>
	    			</div>
	    		</div>
	    		<div class="grid-3 col-4">
	    			<div class="cell-wrapper cf">
	    				<div class="footer-section">
	    					<h1>OUR CLIENT WORDS</h1>
	    					<ul class="testimonial">
	    						<li class="cf">
	    							<img alt="" src="./images/demo/thumb-36x36.jpg" width="36" height="36" />
	    							<span class="testimonial-content">
	    								Lorem ipsum dolor sit amet, consectetur adipisicing tempor incididunt ut
	    								<span class="client-name">- Le Mong Thuy</span>
	    							</span>
	    						</li>
	    						<li class="cf">
	    							<img alt="" src="./images/demo/thumb-36x36.jpg" width="36" height="36" />
	    							<span class="testimonial-content">
	    								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	    								<span class="client-name">- Tina</span>
	    							</span>
	    						</li>
	    						<li class="cf mb0">
	    							<img alt="" src="./images/demo/thumb-36x36.jpg" width="36" height="36" />
	    							<span class="testimonial-content">
	    								Lorem ipsum dolor sit amet, consectetur adipisicing elit tempor ut
	    								<span class="client-name">- Huong Tinh Vu</span>
	    							</span>
	    						</li>
	    					</ul>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
		</footer>
        <!-- END FOOTER -->
        
	</div>
	<!-- SCRIPTS -->
	<script type='text/javascript' src='./js/jquery.js'></script>
	<script type='text/javascript' src='./js/respond.min.js'></script>
	<script type='text/javascript' src='./js/mobilemenu.js'></script>
	<script type='text/javascript' src='./js/prettyPhoto.js'></script>
	<script type="text/javascript" src="./js/theme.js"></script>
	<!-- PAGE'S SCRIPTS -->
	
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
